<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>果瓣欢迎您！</title>
    <link rel="stylesheet" type="text/css" href="css/other_public.css" />
    <link rel="stylesheet" type="text/css" href="css/goos_datails.css"/>
    <script type="text/javascript" src="js/common.js"></script>
     <script type="text/javascript" src="js/goos_datails.js"></script>
</head>
<body>
        <!-- 导航栏开始 -->
   <div class="nav_all">
	   	<div class="nav">
	   	   <ul>
		   		<span>您好 欢迎来到果瓣！</span>
		   	   	<li>请<a href="login-index.html">登录</a></li>
		   	   	<li><a href="register.html">免费注册</a></li>
	   	   </ul>
	   	   <ol>
		   	   	<span><a href="#">关于我们</a></span>
		   	   	<li>|</li>
		   	   	<li><a href="#">个人中心</a></li>
		   	   	<li>|</li>
		   	   	<li><a href="#">我的进货单</a></li>
		   	   	<li>|</li>
		   	   	<li><a href="index.html">首页</a></li>
	   	   </ol>
	   	</div>
   </div><!-- 导航栏结束 -->
   <!-- 红色头部开始 -->
   <div class="lo_head">
   		<div class="lo_main">
   			<ul>
   				<li><a href="#"><img src="img/head_logo.png"/></a></li>
   				<li>|&nbsp;</li>
   				<li>个人中心</li>
   				<li class="buyer customer customer_active">我是采购商</li>
   				<li class="supplier customer">我是供应商</li>
   			</ul>
   		</div>
   </div>
   <!-- 红色头部结束 -->
   <!-- 中部主体部分开始 -->
   <div class="lo_main_bg">
   		<!-- 自动居中盒子开始 -->
   		<div class="lo_menu">
   			<div class="lo_left">
   				<!-- 菜单栏部分 -->
		   		<ul>
		   			<li><img src="img/search.png"/><a href="#">交易管理</a>
		   				<ul>
		   					<li class="bg" id="order_manage">订单管理</li>
		   				</ul>
		   			</li>
		   			<li class="account_menu"><img src="img/search.png"/><a href="#">账号管理</a>
		   				<ul id="account_menu">
		   					<li>完善信息</li>
		   					<li><a href="#">重置密码</a></li>
		   					<li>收货地址</li>
		   					<li id="change_mobile">更换手机号码</a></li>
		   					<li>认证信息</a></li>
		   				</ul>
		   			</li>
		   		</ul><!-- 菜单栏结束 -->
   			</div>

	   		<!-- 右部详细部分开始 -->
	   		<div class="lo_right" id="lo_right">
	   		  
	   		  
	   		
		
	
			
				
			<div class="order">

				<div class="order_title">订单详情</div>
				<div class="main_order">
					<!-- 第二页部分	 -->
                     
                       <div id="progressBar">
					     <!-- 进度条 -->
					     <div>
					         <span></span>
					     </div>
					     <!-- 五个圆 -->
					     <span class="titse">√</span>
					     <span>3</span>
					     <span>4</span>
					     <span>5</span>
					     <span class="titse">√</span>

					    </div>
					    <div id="schedule">
					        <ul>
					            <li id="submit_orders" class="fond">提交订单</li>
					            <li id="submit_time"></li>
					        </ul>
					        <ul>
					            <li id="payment" class="fond">付款</li>
					            <li id="payment_time"></li>
					        </ul>
					       <ul>
					            <li id="take_goods" class="fond">收货</li>
					            <li id="take_goods_time"></li>
					        </ul>
					        <ul>
					            <li id="sign_in" class="fond">订单签收</li>
					            <li id="sign_in_time"></li>
					        </ul>
					        <ul>
					            <li id="complete" class="fond">订单完成</li>
					            <li id="complete_time"></li>
					        </ul>
					    </div>
					    <div class="communication">
					        <ul>
					            <li id="cnnie" class="ziti">收货信息</li>
					            <li id="consignees"></li>
					        </ul>
					        <ul>
					            <li class="ziti">收货码</li>
					            <li id="huoma"></li>
					        </ul>
					        <ul>
					            <li class="ziti">订单信息</li>         
					        </ul>
					     </div>
					    
					    <div id="Order_box"></div>

					     <div id="jieshuan">
					     	 <ul>
					     	 	<li class="fapiao" id="fapiao"><img src="img/Check_Agreed.png">&nbsp;需要发票（发票由果瓣网商家开具）</li>

					     	 	<li id="xiaoji"><pre></pre></li>
					     	 	
					     	 	<li id="yunfei"><pre></pre></li>
					     	 	<hr>
					     	 	<li id="zhongjinen"><pre></pre></li>
					     	 	<li><a href="#"><button id="butn">去支付</button></a></li>
					     	 </ul>
					     </div>																				
				  </div>
			  
				
			<!-- 右部详细部分结束-->
   		</div> <!-- 订单管理结束 -->
   		 <!-- 自动居中盒子结束 -->		   		
   </div>
   <!-- 中部主体结束 -->
  </div>



   <!--服务块内容-->
	<div class="serve_bar">
		<div class="serve">
			<!--服务选项内容-->
			<div class="service">
				<ul class="service_list">
					<li class="service_item">
						<span><img src="img/certification.png" alt="" /></span>
						<a href="#">实名认证</a>
						<p>真实身份，更有保障</p>
					</li>
					<li class="service_item">
						<span><img src="img/gold.png" alt="" /></span>
						<a href="#">金牌供应商</a>
						<p>优质货源，更值得信赖</p>
					</li>
					<li class="service_item">
						<span><img src="img/link.png" alt="" /></span>
						<a href="#">专业匹配供应</a>
						<p>免费帮你找到最好的货源</p>
					</li>
					<li class="service_item">
						<span><img src="img/focus.png" alt="" /></span>
						<a href="#">专注尾货供应链</a>
						<p>成本和效率的最佳解决方案</p>
					</li>
				</ul>
			</div>
			<!--帮助流程样式-->
			<div class="help">
				<!--底部Logo-->
				<div class="help_logo">
					<a href="#"><img src="img/logo2.png" alt="" /></a>
					<h2>果瓣</h2>
					<p>专注快消尾货供应</p>
				</div>
				<!--帮助列表-->
				<div class="help_list">
					<dl>
						<dt>
							<span>新手入门</span>
						</dt>
						<dd>
							<a href="#">注册登录</a>
							<a href="#">实名认证</a>
							<a href="#">用户协议</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<span>帮助中心</span>
						</dt>
						<dd>
							<a href="#">常见问题</a>
							<a href="#">支付方式</a>
							<a href="#">违规处罚</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<span>招商合作</span>
						</dt>
						<dd>
							<a href="#">关于我们</a>
							<a href="#">供货商招募</a>
							<a href="#">联系我们</a>
						</dd>
					</dl>
				</div>
				<!--联系方式-->
				<div class="relation">
					<span>客服热线： 400-1234-5678</span>
					<span>合作邮箱： ABC@saohuo7.com</span>
				</div>
			</div>
		</div>
	</div>
	<!--页面底部内容-->
	<div class="footer_bar">
		<div class="footer">
			Copyright @ 2017 saohuo7.com .All Rights Reserved 扫货版权所有  <a href="http://www.miitbeian.gov.cn/" class="footer_num">沪ICP14045987号</a>
		</div>
	</div>
	<!-- 底部结束 -->
  </div>

</body>
</html>